
li {
  list-style: none;
}

div[class^="card-"] {
  box-sizing: border-box;
  background-color: #fff;
  // box-shadow: $shadow1;
}

.card-search {
  padding: 24px;
  padding-bottom: 4px;
  .el-tabs--top {
    width: 400px;
    padding-left: 10px;
    .el-tabs__header {
      margin: 0;
    }
    .el-tabs__active-bar {
      background-color: $primary;
    }
    .el-tabs__item {
      font-size: 0.9rem;
    }
    .el-tabs__item.is-active {
      color: $primary;
    }
    .el-tabs__item:hover {
      color: $primary;
    }
    .el-tabs__active-bar {
      height: 3px;
    }
  }
}
.card-table {
  padding: 24px 18px;
}
.card-search ~ .card-table {
  margin-top: 12px;
}

.el-button {
  padding: 10px 16px;
  border-radius: 2px !important;
  overflow: hidden;
  font-size: 12px !important;
  &:active {
    box-shadow: none !important;
  }
  & [class*="el-icon-"] + span {
    margin-left: 4px;
  }
}
.el-button--primary {
  background-color: $primary;
  border-color: $primary !important;
  &:hover {
    background-color: rgb(113, 141, 255) !important;
    border-color: rgb(113, 141, 255) !important;
  }
  &:active {
    background-color: #3961ff !important;
    border-color: #3961ff !important;
  }
  &:focus {
    background-color: #6a88ff;
    border-color: #6a88ff !important;
  }
}
.el-input__inner {
  border-radius: 2px;
}

// 修改弹窗footer提交按钮
.dialog-footer {
  .el-button {
    padding: 10px 24px !important;
    & ~ .el-button {
      margin-left: 30px !important;
    }
  }
}

// message消息自定义类
.mess-info {
  background-color: #fff;
  box-shadow: $shadow1;
}

.el-pager .active {
  background-color: $primary !important;
}
.el-tag--primary {
  color: $primary !important;
}

// 设置table横向滚动条样式
.el-table--scrollable-x .el-table__body-wrapper {
  &::-webkit-scrollbar {
    cursor: pointer;
    height: 16px;
  }
  &::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgb(229, 232, 236);
  }
  &::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgb(245, 245, 245);
  }
}
.el-table--scrollable-x .el-table__body-wrapper:hover {
  &::-webkit-scrollbar-thumb {
    background: rgb(213, 217, 228);
  }
}

// dialog

.dialog-fade-enter-active .el-dialog {
  animation: anim-open 0.3s ease !important;
}
.dialog-fade-leave-active .el-dialog {
  animation: anim-open 0.3s ease reverse !important;
}
@keyframes anim-open {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

// input
// type: number
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
